<template>
	<div class>
        <img :src="obj.avatar" alt="">
        <h3>{{obj.nickname}}</h3>
	</div>
</template>

<script>
export default {
	data() {
		return {
            obj:{},
        };
	},
	mounted() {
        
		this.$axios({ url: '/list.json' }).then(res => {
            let arr  = []
           
			arr = res.data.filter(item => {
                return this.$route.params.id == item.uid
            })
            // console.log(arr)
            this.obj = arr[0]
		})
	},
	methods: {},
};
</script>

<style lang='scss' scoped>
img {
    width: 200px;
    height: 200px;
}
</style>
